{{> header}}

<div class="main app">
    <form method="post" id="regForm" class="createApp">

          <p>应用名：</p>
          <input type="text" name="name" value="我的应用-001"/>

          <p>首页地址：</p>
          <input type="text" name="url" value="http://www.myApp-001.com"/>

          <p>应用描述：</p>
          <textarea name="desc" cols="30" rows="10">我的应用-001</textarea>

          <p>验证回调地址：</p>
          <input type="text" name="callback" value="http://localhost:3800/auth/callback"/>

          <br><br><input type="submit" value="注册应用"/>

          <br><span id="errorMsg" style="color:#c00;display: none;"></span>
    </form>

</div>

{{>homeSide}}

{{#section 'script'}}
<script>
    $(function () {
        var limit={
            name:[5,20],
            desc:[5,200]
        };
        var $errorMsg=$('#errorMsg');

        $('#regForm').on('submit',function(){
            var errorMsg=[],
                    name=$(this).find('[name="name"]').val(),
                    url=$(this).find('[name="url"]').val(),
                    desc=$(this).find('[name="desc"]').val(),
                    callback=$(this).find('[name="callback"]').val();


            if(!name || name.length<limit.name[0] || name.length>limit.name[1])errorMsg.push(['应用名长度非法(',limit.name[0],'~',limit.name[1],')'].join(''));


            if(!url)errorMsg.push('首页地址未输入');

            if(!desc || desc.length<limit.desc[0] || desc.length>limit.desc[1])errorMsg.push(['应用描述内容长度非法(',limit.desc[0],'~',limit.desc[1],')'].join(''));

            if(!callback)errorMsg.push('验证回调地址未输入');

            if(errorMsg.length){
                $errorMsg.text(errorMsg.join()).show();
                return false;
            }
        });
    });
</script>
{{/section}}